<template>
  <div class="box">
    我是Son组件{{ title }}

    <br>

    <button @click="changeFn">点我 修改 title</button>
  </div>
</template>


<script>
export default {

  // props:["title"],
  // -------------
  // props:{
  //   "title" : String,
  //   "num" : Number
  // },
  // --------------
  props:{
    "num":{
      type:Number,
      required:true,
      default:0,
      // 执行校验 val 就是收到的值
      validator(val){
        if(val > 100 || val < 0){
          console.log('爸爸呀,数给的不对呀, 我要1-100之间的数');
          return false
        }else{
          return true
        }
      }
    }
  },

  // data

  methods:{
    changeFn(){
      // 1. this.$emit() 向父组件发送通知
      //            信号名称         content
      this.$emit('changeTitle','今天下了一天的雨')
    }
  }
  
}
</script>


<style></style>